* {
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-size: 4vw;
}
/*注意：设计稿为宽度:750px==100vw;
宽度格式则为设局图尺寸（px)/7.5vw(750/100vw = 1%vw)
//定义全局变量开始
//定义换算单位；直接输入设计图尺寸即可
*/
@px: 7.5vw;
.list_main {
    margin-top: 2vw;
    display: flex;
    flex-direction: column;
    .search_box {
        padding: 0 (40/@px);
        display: flex;
        justify-content: space-between;
        align-items: center;
        .more_box {
            position: relative;
            .more_box_a {
                padding: 0;
                .more {
                    font-size: 20px;
                }
                img{
                    width: (50/@px);
                }
            }
            .more_list {
                position: absolute;
                left: -1.33333333vw;
                width: 30vw;
                background: #fff;
                padding-left: 0.66666667vw;
                padding-bottom: 1.33333333vw;
                border: 1px solid #bfbfbf;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                a {
                    margin: 2vw 0;
                }
            }
        }
        form {
            width: 75vw;
            display: flex;
            align-items: center;
            .input_box {
                width: 100%;
                margin-left: 2vw;
                border: 0.13333333vw solid #f2f0f1;
                border-radius: 5px;
                background: #f2f0f1;
                display: flex;
                justify-content: space-between;
                align-items: center;
                input {
                    border: 0vw;
                    padding: 0 1.33333333vw;
                    background: #f2f0f1
                }
                button {
                    border-radius: 0 5px 5px 0;
                    background: #0c2f65;
                    color: #fff;
                    border: 0vw;
                    padding: 2vw 2.66666667vw;
                }
            }
        }
    }
    .top {
        margin-top: 2.66666667vw;
        display: flex;
        padding-bottom: 1.33333333vw;
        border-bottom: 0.13333333vw solid #eee;
        a {
            padding: 0.66666667vw 2vw;
            margin-left: 2vw;
            font-size: 3.33333333vw;
        }
        .select_a {
            color: #21568d;
            border-bottom: 2px solid #21568d;
        }
    }
    .list_box {
        margin-top: 2.66666667vw;
        padding: 1.33333333vw;
        li {
            margin-top: 3.33333333vw;
            padding-bottom: 2.66666667vw;
            border-bottom: 0.13333333vw solid #bfbfbf;
            a {
                display: flex;
                .pid_box{
                    width: (80/@px);
                    position: relative;
                    .unread_num{
                        position: absolute;
                        top: (-15/@px);
                        right: (-15/@px);
                        width: (28/@px);
                        height: (28/@px);
                        line-height: (28/@px);
                        text-align: center;
                        font-size: (15/@px);
                        color: #ffffff;
                        background: #ec0d0c;
                        border-radius: 50%;
                    }
                    img {
                        width: 32px;
                        height: 32px;
                        object-fit: contain;
                        object-position: center;
                    }
                }

                div {
                    margin-left: 6px;
                    width: 80%;
                    p {
                        display: block;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                    span {
                        display: block;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                }
            }
        }
    }
    .page_box {
        margin: 3.33333333vw auto;
        width: 70%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        a {
            padding: 0.66666667vw 2.66666667vw;
            font-size: 3.33333333vw;
            border: 1px solid #eee;
        }
    }
}
/*# sourceMappingURL=user_list.css.map */
